<?php
//본 파일은 코딩이 너무 복잡해져서 예제용 이미지 링크를 따로 빼낸 것으로써 추후에 이 파일 대신 배열로 처리된 진짜 썸네일 링크로 대체하면 된다.
?>

<!-- Sample gallery mini - Recurrence patterns (Preset) -->
<div class="photo_frame image thumb_en1_1" style="background-image:url(../assets/book/editor/item_bg_envelops/envelop_a1.png)"><img data-lazy="../assets/book/editor/images/blank.gif" /></div>
<div class="photo_frame image thumb_en1_2" style="background-image:url(../assets/book/editor/item_bg_envelops/envelop_a2.png)"><img data-lazy="../assets/book/editor/images/blank.gif" /></div>
<div class="photo_frame image thumb_en1_3" style="background-image:url(../assets/book/editor/item_bg_envelops/envelop_a3.png)"><img data-lazy="../assets/book/editor/images/blank.gif" /></div>
<div class="photo_frame image thumb_en1_4" style="background-image:url(../assets/book/editor/item_bg_envelops/envelop_a4.png)"><img data-lazy="../assets/book/editor/images/blank.gif" /></div>
<div class="photo_frame image thumb_en1_5" style="background-image:url(../assets/book/editor/item_bg_envelops/envelop_a5.png)"><img data-lazy="../assets/book/editor/images/blank.gif" /></div>
<div class="photo_frame image thumb_en1_6" style="background-image:url(../assets/book/editor/item_bg_envelops/envelop_a6.png)"><img data-lazy="../assets/book/editor/images/blank.gif" /></div>
<div class="photo_frame image thumb_en1_7" style="background-image:url(../assets/book/editor/item_bg_envelops/envelop_a7.png)"><img data-lazy="../assets/book/editor/images/blank.gif" /></div>
<div class="photo_frame image thumb_en1_8" style="background-image:url(../assets/book/editor/item_bg_envelops/envelop_a8.png)"><img data-lazy="../assets/book/editor/images/blank.gif" /></div>
<div class="photo_frame image thumb_en1_1" style="background-image:url(../assets/book/editor/item_bg_envelops/envelop_a1.png)"><img data-lazy="../assets/book/editor/images/blank.gif" /></div>
<div class="photo_frame image thumb_en1_2" style="background-image:url(../assets/book/editor/item_bg_envelops/envelop_a2.png)"><img data-lazy="../assets/book/editor/images/blank.gif" /></div>
<div class="photo_frame image thumb_en1_3" style="background-image:url(../assets/book/editor/item_bg_envelops/envelop_a3.png)"><img data-lazy="../assets/book/editor/images/blank.gif" /></div>
<div class="photo_frame image thumb_en1_4" style="background-image:url(../assets/book/editor/item_bg_envelops/envelop_a4.png)"><img data-lazy="../assets/book/editor/images/blank.gif" /></div>
<div class="photo_frame image thumb_en1_5" style="background-image:url(../assets/book/editor/item_bg_envelops/envelop_a5.png)"><img data-lazy="../assets/book/editor/images/blank.gif" /></div>
<div class="photo_frame image thumb_en1_6" style="background-image:url(../assets/book/editor/item_bg_envelops/envelop_a6.png)"><img data-lazy="../assets/book/editor/images/blank.gif" /></div>
<div class="photo_frame image thumb_en1_7" style="background-image:url(../assets/book/editor/item_bg_envelops/envelop_a7.png)"><img data-lazy="../assets/book/editor/images/blank.gif" /></div>
<div class="photo_frame image thumb_en1_8" style="background-image:url(../assets/book/editor/item_bg_envelops/envelop_a8.png)"><img data-lazy="../assets/book/editor/images/blank.gif" /></div>
<div class="photo_frame image thumb_en1_1" style="background-image:url(../assets/book/editor/item_bg_envelops/envelop_a1.png)"><img data-lazy="../assets/book/editor/images/blank.gif" /></div>
<div class="photo_frame image thumb_en1_2" style="background-image:url(../assets/book/editor/item_bg_envelops/envelop_a2.png)"><img data-lazy="../assets/book/editor/images/blank.gif" /></div>
<div class="photo_frame image thumb_en1_3" style="background-image:url(../assets/book/editor/item_bg_envelops/envelop_a3.png)"><img data-lazy="../assets/book/editor/images/blank.gif" /></div>
<div class="photo_frame image thumb_en1_4" style="background-image:url(../assets/book/editor/item_bg_envelops/envelop_a4.png)"><img data-lazy="../assets/book/editor/images/blank.gif" /></div>
<div class="photo_frame image thumb_en1_5" style="background-image:url(../assets/book/editor/item_bg_envelops/envelop_a5.png)"><img data-lazy="../assets/book/editor/images/blank.gif" /></div>
<div class="photo_frame image thumb_en1_6" style="background-image:url(../assets/book/editor/item_bg_envelops/envelop_a6.png)"><img data-lazy="../assets/book/editor/images/blank.gif" /></div>
<div class="photo_frame image thumb_en1_7" style="background-image:url(../assets/book/editor/item_bg_envelops/envelop_a7.png)"><img data-lazy="../assets/book/editor/images/blank.gif" /></div>
<div class="photo_frame image thumb_en1_8" style="background-image:url(../assets/book/editor/item_bg_envelops/envelop_a8.png)"><img data-lazy="../assets/book/editor/images/blank.gif" /></div>

<!-- Thumbnail button event -->
<script type="text/javascript">
    $(document).ready(function() {
        $('.thumb_en1_1').click(function() {
            $('.env_inner, .btn_item5').css({'background-image': 'url(../assets/book/editor/item_bg_envelops/envelop_a1.png)'});
        });
        $('.thumb_en1_2').click(function() {
            $('.env_inner, .btn_item5').css({'background-image': 'url(../assets/book/editor/item_bg_envelops/envelop_a2.png)'});
        });
        $('.thumb_en1_3').click(function() {
            $('.env_inner, .btn_item5').css({'background-image': 'url(../assets/book/editor/item_bg_envelops/envelop_a3.png)'});
        });
        $('.thumb_en1_4').click(function() {
            $('.env_inner, .btn_item5').css({'background-image': 'url(../assets/book/editor/item_bg_envelops/envelop_a4.png)'});
        });
        $('.thumb_en1_5').click(function() {
            $('.env_inner, .btn_item5').css({'background-image': 'url(../assets/book/editor/item_bg_envelops/envelop_a5.png)'});
        });
        $('.thumb_en1_6').click(function() {
            $('.env_inner, .btn_item5').css({'background-image': 'url(../assets/book/editor/item_bg_envelops/envelop_a6.png)'});
        });
        $('.thumb_en1_7').click(function() {
            $('.env_inner, .btn_item5').css({'background-image': 'url(../assets/book/editor/item_bg_envelops/envelop_a7.png)'});
        });
        $('.thumb_en1_8').click(function() {
            $('.env_inner, .btn_item5').css({'background-image': 'url(../assets/book/editor/item_bg_envelops/envelop_a8.png)'});
        });
    });
</script>

<?php ?>